.home-ele {
  width: 100%;
  padding-top: 32px;
}

.home-ele > .home-ele-center {
  width: 1200px;
  margin: 0 auto;
}

.home-ele > .home-ele-center > .home-ele-top {
  overflow: hidden;
}

.home-ele > .home-ele-center > .home-ele-top > .top-left {
  float: left;
}

.home-ele > .home-ele-center > .home-ele-top > .top-right {
  float: right;
  font-size: 12px;
}

.home-ele > .home-ele-center > .home-ele-top > .top-right > span {
  display: inline-block;
  width: 86px;
  line-height: 30px;
  text-align: center;
}

.home-ele > .home-ele-center > .home-ele-top > .top-right > span > a {
  color: #ccc;
  text-decoration: none;
}

.home-ele > .home-ele-center > .home-ele-top > .top-right > span:hover {
  color: #fff;
  background-color: blue;
}

.home-ele > .home-ele-center > .home-ele-bottom {
  display: flex;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left {
  width: 180px;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .img {
  margin-left: -9px;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .middle {
  margin-top: -4px;
  width: 211px;
  line-height: 32px;
  background-color: #7171e9;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .middle > a {
  text-decoration: none;
  color: #fff;
  margin-left: 15px;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .middle > a:hover {
  text-decoration: underline #fff;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .bottom {
  width: 168px;
  height: 144px;
  padding: 5px 0 10px 13px;
  font-size: 12px;
  background-color: blue;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .bottom > div:nth-last-child(1) {
  margin-bottom: 0px;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .bottom > div {
  display: flex;
  margin-bottom: 15px;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .bottom > div > a {
  margin-right: 10px;
  color: #fff;
  text-decoration: none;
}

.home-ele > .home-ele-center > .home-ele-bottom > .left > .bottom > div > a:hover {
  text-decoration: underline #fff;
}

.home-ele > .home-ele-center > .home-ele-bottom > .middle-img {
  position: relative;
}

.home-ele > .home-ele-center > .home-ele-bottom > .middle-img > div:nth-child(2) {
  z-index: 2;
  position: absolute;
  bottom: 15px;
  left: 12px;
}

.home-ele > .home-ele-center > .home-ele-bottom > .middle-img > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 1px;
  display: flex;
}

.home-ele > .home-ele-center > .home-ele-bottom > .middle-img > div:nth-child(2) > div:nth-child(1) > div {
  margin-left: 1px;
  width: 122px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
  opacity: 0.8;
}

.home-ele > .home-ele-center > .home-ele-bottom > .middle-img > div:nth-child(2) > div:nth-child(1) > div:hover {
  opacity: 1;
  background-color: #fff;
}

.home-ele > .home-ele-center > .home-ele-bottom > .middle-img > div:nth-child(2) > div:nth-child(2) {
  display: flex;
}

.home-ele > .home-ele-center > .home-ele-bottom > .middle-img > div:nth-child(2) > div:nth-child(2) > div {
  margin-left: 1px;
  width: 122px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
  opacity: 0.8;
}

.home-ele > .home-ele-center > .home-ele-bottom > .middle-img > div:nth-child(2) > div:nth-child(2) > div:hover {
  opacity: 1;
  background-color: #fff;
}

.home-ele > .home-ele-center > .home-ele-bottom > .right {
  width: 631px;
  border-top: 1px solid blue;
}

.home-ele > .home-ele-center > .home-ele-bottom > .right > div:nth-child(2) {
  border-bottom: none;
}

.home-ele > .home-ele-center > .home-ele-bottom > .right > div {
  display: flex;
  border-bottom: 1px solid #ccc;
}

.home-ele > .home-ele-center > .home-ele-bottom > .right > div > div:nth-last-child(1) {
  border-right: none;
}

.home-ele > .home-ele-center > .home-ele-bottom > .right > div > div {
  border-right: 1px solid #ccc;
}
